<template>
	<view class="content">
		<view class="user_top">
			<view class="avatar">
				<image mode="aspectFill" :src="host+'/static/banner/banner1.png'"></image>
			</view>
			<view class="info">
				<view class="user_name">{{member.user_name}}</view>
				<!--<view class="user_code">工号:2221</view>
				<view class="order_total">订单数:21</view>-->
				
				<view  class="user_dsc_data" >
					<view class="user_dsc_level">LV.{{member.sale_level}}</view>
					<view class="user_dsc_score">
						<view class="user_dsc_txt">销售额：{{member.deal_total}}</view>
						<view class="user_dsc_progress">
							<progress :percent="60" active stroke-width="3" activeColor="#910a15" backgroundColor="#c9c9c9"/>
						</view>
					</view>
				</view>
			</view>
			<view class="modify">
				<!--<view class="edt" data-url="/packagePages1/pages/map/index" @click="goPage"><uni-icons type="location-filled" color="#910a15" :size="icons[50]" /></view>-->
				<view class="msg" data-url="/pages/user_oauth/index" @click="goPage"><uni-icons type="person-filled" color="#910a15" :size="icons[50]" /></view>
				<view class="edt"><uni-icons type="email-filled" color="#910a15" :size="icons[50]" /></view>
			</view>
		</view>	
		
		<view class="panel_box"  v-if="userNav.length>0" v-for="(item,index) in userNav" :key="index" >
			<view class="box_title">
				<view class="title_left">{{item.name}}</view>
				<view class="title_right" :data-url="item.url" @click="goPage"><uni-icons type="right" color="#910a15" :size="icons[40]" /></view>
			</view>
			
			<view class="box_content">
				<view class="nav_list">
					<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
						<view class="scroll-view-item_H" v-for="(i,k) in item.items" :key="k">
							<view class="nav_item" :data-url="i.url" @click="goPage">
								<view class="item_icon"><uni-icons :type="i.icon" color="#9a9a9a" :size="icons[60]" /></view>
								<view class="item_txt">{{i.name}}</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
			
		</view>
		
		

	</view>
	
	
</template>


<script>
	import  parentPage from '@/common/parent-page.js';
	import {index} from './index.js';
	export default {mixins: [parentPage,index]}
</script>



<style>
	@import './index.css';
</style>
